<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>保单查询</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="js/zepto.min.js"></script>
</head>
<body>
<div style="max-width:640px; margin:0 auto">
	<div class="col-xs-12 head">
		<div class="col-xs-4 logo"><img src="images/logo.png" class="img-responsive" width="53%"></div>
		<div class="col-xs-8">
			<img src="images/number.png" class="img-responsive fr phoneNumber">
		</div>
	</div>
	<div class="banner_margB">
		<img src="images/find.png" class=" center-block img-responsive">
		<p class="Insurance_banner">保单查询</p>
	</div>
	<p class="welcom">欢迎使用美亚旅行险保单查询服务，您填写的信息仅供本次查询有用我们会为您的信息严格保密</p>
	<p class="system">本查询系统仅支持在美亚保险官网（www.aig.com.cn）和美亚保险天猫官方旗舰店（aig.tmall.com）购买的保单查询。</p>
	<!--banner end-->
	<!--content start-->
		<form>
			<div class="buy apply-btn">
				<label>购买渠道</label>
				<span class="meiya">美亚保险官网</span>
				<img src="images/right.png" class="jiantou">
			</div>
			
			
			
			
			
			<div class="name">
				<label>投保人姓名</label>
				<input type="text" placeholder="例:李明/LIMING" >
				<img src="images/wenhao.png" class="wenhao">
			</div>
			<div class="number">
				<label>保单号</label>
				<input type="text" placeholder="例:李明/LIMING">
				<img src="images/wenhao.png" class="wenhao">
			</div>
		</form>
	<!--content end-->
	<!-- footet start-->
	<div class="col-xs-12">
		<button class="btn col-xs-10 btn1">立即查询</button>
	</div>
	<!-- footet end-->
	
</div>



<div class="popup popup-capital">
	<h2><a href="javascript:;" class="popup-cancel"></a>选择购买渠道<a href="javascript:;" class="popup-confirm">确定</a></h2>
	<ul class="class-list">
		<li><a>美亚保险官网</a></li>	
		<li><a>美亚保险天猫官方旗舰店</a></li>
		<li><a>美亚保险官网</a></li>	
		<li><a>美亚保险天猫官方旗舰店</a></li>
		<li><a>美亚保险官网</a></li>	
		<li><a>美亚保险天猫官方旗舰店</a></li>
	</ul>
</div>
<div class="popup-tip">
	<h2>什么是投保人？<a href="javascript:;" class="popup-close"></a></h2>
	<div><p>根据中国《保险法》规定，投保人是指与保险人订立保险合同，并按照保险合同负有支付保险费义务的人。投保人可以是自然人也可以是法人。</p></div>
</div>
<div class="popup-bg" style="display: none;"></div>

<script>
$(function(){
	var showPop=function(){
		$('.popup-capital').addClass('slideUp');
        $('.popup-bg').css('display','block');
        $('html,body').css({'height':'100%','overflow':'hidden'});
	};
	$('.apply-btn').on('click', function(){
		showPop();
	});

	$('.popup-cancel, .popup-confirm').on('click', function(){
        $('.popup').removeClass('slideUp');
        $('.popup-bg').hide();
        $('html,body').css({'height':'auto','overflow':'auto'});
    });

	$('.popup-capital li a').on('click', function(){
		var txt = $(this).text();
		$('.apply-btn span').text(txt);
        $('.popup').removeClass('slideUp');
        $('.popup-bg').hide();
        $('html,body').css({'height':'auto','overflow':'auto'});
    });
    $('.popup-bg').bind('touchmove',function(event){
        event.preventDefault();
    });

	
	$('.wenhao').click(function(){
        $('.popup-bg').css('display','block');
		$('.popup-tip').attr('style','visibility:visible');
        $('html,body').css({'height':'100%','overflow':'hidden'});
	})
	$('.popup-close').on('click', function(){
		$('.popup-tip').attr('style','visibility:hiden');
        $('.popup-bg').hide();
        $('html,body').css({'height':'auto','overflow':'auto'});
    });
});
</script>
</body>
</html>
